﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta name="keywords" content="爱心屋,公益,慈善,西南科技大学,aixinwu,swust" />
<meta name="description" content="西南科技大学爱心屋是一个以全心全意服务西科大学生为宗旨的公益慈善组织，推动校内广大师生积极参与慈善捐赠和物品循环。我们立志于打造校园公益组织第一品牌！" />
<title>西南科技大学爱心屋&nbsp;商品展示</title>

<link type="text/css" rel="stylesheet" href="../css_js/content.css"/>
<link type="text/css" rel="stylesheet" href="../css_js/home2010.css" />
<link type="text/css" rel="stylesheet" href="../css_js/boxy.css"/>
<link type='text/css' rel='stylesheet' href="../css_js/plist.css"/>

<script type="text/javascript" src="../css_js/jquery.js"></script>
<script type="text/javascript" src="../css_js/effects-20090707.js"></script>
<script type="text/javascript" src="../css_js/messager.js"></script>
<script type="text/javascript" src="../css_js/jquery.boxy.js"></script>
<script type="text/javascript" src="../css_js/jquery-plugins-vs1-20090707.js"></script>

<script type="text/javascript">
$(function(){
	//compare();
	showSort("SortList");

	$(".viewindex").click(function(){
		$(this).siblings().each(function(){$(this).removeClass("viewindex_curr");})
		if (this.className=="viewindex"&&this.id!="viewbyKC"){$(this).toggleClass("viewindex_curr");}else{return;}
	});
   $(".viewindex dl").hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');});
  
   $(".viewindex dd").hover(function(){$(this).css({background:"#FFF3BF"});},function(){$(this).css({background:"#ffffff"});}).click(function(){$(this).parent().get(0).className="";if ($(this).parent().parent().attr("id")=="viewbyKC"){createCookie("viewkc",1);}
	});

   $("#viewkc").click(function(){checkKC();})
   if (readCookie("viewkc")==1){$("#viewkc").get(0).checked=true;checkKC();}
   var url = window.location.href ;
   var param = url.split("-")[11];
   if(param=="4" && url.split("-")[2]!="0")
   {
     $(".p_Review span").each(function(){
	   if ($(this).attr("rel")!=0)
	   {
	     $(this).show();
	   }
	 });
   }
});

</script>

</head>
<body>
<div style="z-index: 10000;"><div id="Container"></div></div>
<div style="z-index: 10000;"><div id="Container"></div></div>
<div class="head_pre0">
    <div class="clear"></div> 
</div><!-- head_pre0 end -->

<div class="Header">
  <div class="head_box1">    
    <ul id="Nav"> 	
		<li class=""><span class="Nav_first"><a href="http://cycs.swust.edu.cn:8080/ShopOnline/index.jsp">首页</a></span></li>	
		<li id=""><span><a target="_blank" href="http://cycs.swust.edu.cn:8080/ShopOnline/aboutus.jsp">爱心屋简介</a></span></li>
		<li id=""><span><a target="_blank" href="#">爱心申领</a></span></li>
		<li class=""><span class=""><a target="_blank" href="#">爱心捐赠</a></span></li>
        <li id="showbranch"><span><a target="_blank" href="#">爱心时间银行</a></span></li>
		<li id="bbs"><span><a target="_blank" href="http://bbs.swust.edu.cn/thread.php?fid=123">爱心论坛</a></span></li>     
	</ul><!-- Nav end -->
  </div><!-- head_box1 -->
  <div class="clear"></div>
</div> <!-- Header end  -->

 <div class="Main">
   <div id="Position" class="margin_b6"></div>
   <div class="right"> 
     <div id="search_outer">
        <div id="Search">
        <s:form id="searchForm" action="queryPro.action" method="get">
              <div class="S_input">
                <input name="keyWord" value="搜索爱心物品" onclick="this.value=&#39;&#39;;this.style.color=&#39;#444444&#39;" autocomplete="off" class="S_input1" id="keyword" onkeydown="javascript:if(event.keyCode==13)search(&#39;keyword&#39;);" type="text"/>
                <a href="javascript:void(0)" class="S_go" onclick="search_submit();"></a>
              </div>
       
          </s:form>
      </div><!-- Search end -->
   </div>         
     <div class="right_box1_left">
	  <div class="View_Mode">
	    <div>排序方式：</div>
		<div class="dd1">
		  <div class="viewindex" id="viewbyprice">
		    <dl >
		    <dt >爱心币</dt>
			<dd ><a href="queryPro.action?type=${type}&&sort=asc">低-高</a></dd>
			<dd ><a href="queryPro.action?type=${type}&&sort=desc">高-低</a></dd>
		    </dl>
		  </div>
		</div>
  
		<div class="dd3">共<strong><s:property value="totalRows"/></strong>件商品</div>
	  </div><!-- View_Mode  -->
	  
      <div id="View_List">
        <div class="Product_List_S7">
        	<ul>
        	<s:iterator value="proList" var="c">
        	     <li><dl>
                  <dt><a target="_blank" href="../product.jsp?id=${id}">
                  <img src="../${picUrl}" alt="${caption}" /></a>
                  </dt>
                  <dd class="p_Name"><a target="_blank" title="${caption}" href="../product.jsp?id=${id}"><s:property value="#c.caption"/> <font color="#ff0000">品牌：Targus
 					<s:property value="#c.remark"/>
 					</font></a></dd>  
                  <dd class="p_Price">金币：<em style="color:red"><s:property value="#c.goldPrice"/> </em></dd></dl>
       		 </li>
        	</s:iterator>
         	</ul>
        </div>
        
		<div class="Pagination">
			<div class="pagin fr">
                    <span class="prev-disabled">共查询到<s:property value="totalRows"/>条记录</span>
                    <span class="prev-disabled">共<s:property value="allPage"/>页</span>
                    <span class="prev-disabled">当前为第<s:property value="nowPage"/>页</span>
                
                <s:url id="url_pre" value="queryPro.action">
                <s:param name="type" value="type"></s:param>
         		<s:param name="nowPage" value="nowPage-1"></s:param>
         		<s:param name="sort" value="sort"></s:param>
         		<s:param name="totalRows" value="totalRows"></s:param>
         		<s:param name="allPage" value="allPage"></s:param>
         		<s:param name="keyWord" value="keyWord"></s:param>
    			</s:url>
    			
     			<s:url id="url_next" value="queryPro.action">
         		<s:param name="type" value="type"></s:param>
         		<s:param name="nowPage" value="nowPage+1"></s:param>
         		<s:param name="sort" value="sort"></s:param>
         		<s:param name="totalRows" value="totalRows"></s:param>
         		<s:param name="allPage" value="allPage"></s:param>
         		<s:param name="keyWord" value="keyWord"></s:param>
     			</s:url>  
     			
     			<s:a href="%{url_pre}" class="current">上一页</s:a>
     			
     			<s:a href="%{url_next}" class="next">下一页</s:a> 
				</div>
		</div>
      </div><!-- View_List  -->   
    </div><!-- right_box1_left  -->
  </div><!-- right end -->
  
  <div class="left">
    <h2 id="h2_SortList">所有爱心物品</h2>
	<div id="SortList">
	  <h3 id="EFF_h3_0" class="open"><strong></strong><a href="#">服装饰品</a></h3>
	  <ul id="EFF_ul_0" class="open">
	     <li><a href="queryPro.action?type=1">男装</a></li>
		 <li><a href="queryPro.action?type=2">女装</a></li>
		 <li><a href="queryPro.action?type=3">男鞋</a></li>
		 <li><a href="queryPro.action?type=4">女鞋</a></li>
         <li><a href="queryPro.action?type=5">配饰</a></li>
         <li><a href="queryPro.action?type=6">箱包</a></li>
         <li><a href="queryPro.action?type=7">其它</a></li>
	  </ul>
      
	  <h3 id="EFF_h3_1" class="open"><strong></strong><a href="#">图书杂志</a></h3>
	  <ul id="EFF_ul_1" class="open">
	     <li><a href="queryPro.action?type=8">教材</a></li>
         <li><a href="queryPro.action?type=9">娱乐类</a></li>
         <li><a href="queryPro.action?type=10">文学类</a></li>
         <li><a href="queryPro.action?type=11">理工类</a></li>
         <li><a href="queryPro.action?type=12">其它</a></li>
	  </ul>
      
	  <h3 id="EFF_h3_2" class="open"><strong></strong><a href="#">生活用品</a></h3>
	  <ul id="EFF_ul_2" class="open">
         <li><a href="queryPro.action?type=13">日常用品</a></li>
         <li><a href="queryPro.action?type=14">清洁用品</a></li>
         <li><a href="queryPro.action?type=15">卫浴用品</a></li>
         <li><a href="queryPro.action?type=16">卧室床品</a></li>
         <li><a href="queryPro.action?type=17">其它</a></li>
	  </ul>
      
	  <h3 id="EFF_h3_3" class="open"><strong></strong><a href="#">文娱用品</a></h3>
	  <ul id="EFF_ul_3" class="open">
	     <li><a href="queryPro.action?type=18">运动器材</a></li>
         <li><a href="queryPro.action?type=19">饰品</a></li>
         <li><a href="queryPro.action?type=20">纪念品</a></li>
         <li><a href="queryPro.action?type=21">玩具</a></li>
         <li><a href="queryPro.action?type=22">布偶</a></li>
         <li><a href="queryPro.action?type=23">其它</a></li>
	  </ul>
      
	  <h3 id="EFF_h3_4" class="open"><strong></strong><a href="#">学习用品</a></h3>
	  <ul id="EFF_ul_4" class="open">
	     <li><a href="queryPro.action?type=24">纸质类</a></li>
		 <li><a href="queryPro.action?type=25">工具类</a></li>
		 <li><a href="queryPro.action?type=26">笔类</a></li>
		 <li><a href="queryPro.action?type=27">其它</a></li>
	  </ul>
	  
      <h3 id="EFF_h3_5" class="open"><strong></strong><a href="#">电子产品</a></h3>
	  <ul id="EFF_ul_5" class="open">
	     <li><a href="queryPro.action?type=28">手机数码</a></li>
		 <li><a href="queryPro.action?type=29">配件</a></li>
		 <li><a href="queryPro.action?type=30">二手电子产品</a></li>
		 <li><a href="queryPro.action?type=31">其它</a></li>
	  </ul>
      
	  <h3 id="EFF_h3_6" class="open"><strong></strong><a href="#">其它用品</a></h3>
	  <ul id="EFF_ul_6" class="open">
	     <li><a href="queryPro.action?type=32">其它</a></li>
	  </ul>
	</div><!--SortList end-->
</div><!--left end-->
</div><!--Main end-->

<div class="Footer_picture"></div>
<div id="foot">
<div class="Footer"></div>
<div class="Footer_Nav"></div>
<div class="Copyright"> 
    Copyright©2011-2012&nbsp;&nbsp;西南科技大学勤工助学中心&nbsp;&nbsp;版权所有<br> 
    Spider团队制作
</div> 
</div>
</body>
</html>

